import {createRouter, createWebHistory} from 'vue-router';
import Index from "../pages/Index.vue";
import FAQ from "../pages/FAQ.vue";
import About from "../pages/About.vue";
import Cabinet from "../pages/Cabinet.vue";

const routes = [
    {
        path: '/', // URL по которому мы обращаемся к компоненту
        name: 'index',
        component: Index
        // component: () => {'../pages/Index.vue'} // А это то какой мы компонент берем
    },
    {
        path: '/faq', // URL по которому мы обращаемся к компоненту
        name: 'faq',
        component: FAQ
        // component: () => {'./../pages/FAQ.vue'} // А это то какой мы компонент берем
    },
    {
        path: '/about', // URL по которому мы обращаемся к компоненту
        name: 'about',
        component: About
        // component: () => {'./../pages/FAQ.vue'} // А это то какой мы компонент берем
    },
    {
        path: '/cabinet', // URL по которому мы обращаемся к компоненту
        name: 'cabinet',
        component: Cabinet
        // component: () => {'./../pages/FAQ.vue'} // А это то какой мы компонент берем
    }
];

const router = createRouter({
    history: createWebHistory(),
    routes // Это ссылка на ту хуйню которую мы написали сверху
});

export default router // А здесь мы говорим "вот то, что я написал сверху - отдай туда, где меня вызвали"